<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大米 考试</title>
    <link rel="stylesheet" href="./dami.css">
</head>

<body>
    <header>
        <div class="head">
            <div class="head-wrapper">
                <ul class="head-nav">
                    <li> <a href="#">大米网</a> </li>
                    <li> <a href="#">MIUI</a> </li>
                    <li> <a href="#">米聊</li>
                    <li> <a href="#">游戏</a> </li>
                    <li> <a href="#">多看阅读</a> </li>
                    <li> <a href="#">云服务</a> </li>
                    <li> <a href="#">大米移动版</a> </li>
                    <li> <a href="#">问题反馈</a> </li>
                    <li class="last"> <a href="#"> Select Region</a></li>
                </ul>
                <div class="head-userinfo">
                    <ul class="user-info">
                        <li> <a href="#">登录</a> </li>
                        <li class="last"> <a href="#">注册</a> </li>

                    </ul>
                    <div class="shopping-cart">
                        <span>购物车(0)</span>
                    </div>

                </div>
            </div>
        </div>
        <div class="main-nav">
            <div class="main-nav-wrapper">
                <div class="logobox">
                </div>
                <ul class="cata">
                    <li>
                        <a href="#">大米手机</a>

                    </li>
                    <li><a href="#">红米</a>
                    </li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">平板</a></li>

                    <li><a href="#">路由器</a></li>
                    <li>
                        <a href="#">智能硬件</a>
                    </li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
                <div class="search-bar">
                    <input type="text" name="main-search">
                    <div class="search-icon">
                        GO
                    </div>
                </div>
            </div>

        </div>
        <div class="swiper-slide">
            <div class="swiper-slide-wrapper">
                <ul class="side-cata">
                    <li>
                        <a href="#"> <span>手机&nbsp;平板</span><span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="#"> <span>电视&nbsp;盒子</span><span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="#"> <span>路由器&nbsp;智能配件</span><span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="#"> <span>移动电源&nbsp;插线板</span><span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="#"> <span>耳机&nbsp;音响</span><span>&gt;</span></a>

                    </li>
                    <li>

                        <a href="#"> <span>电池&nbsp;存储卡</span><span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="#"> <span>保护套&nbsp;后盖</span><span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="#"> <span>贴膜&nbsp;其他配件</span><span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="#"> <span>米兔&nbsp;服装</span><span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="#"> <span>背包&nbsp;其他周边</span><span>&gt;</span></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="classify">
            <div class="classify-wrapper">
                <ul class="chanel-6">
                    <li>
                        <a href="#">
                            <span>START</span>
                            <span>现在订购</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>START</span>
                            <span>现在订购</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>START</span>
                            <span>现在订购</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>START</span>
                            <span>现在订购</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>START</span>
                            <span>现在订购</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>START</span>
                            <span>现在订购</span>
                        </a>
                    </li>

                </ul>
                <div class="promo">
                    <a href="#">
                        <img src="./img/T184E_BQWT1RXrhCrK.jpg" alt="">
                    </a>
                </div>
                <div class="promo">
                    <a href="#">
                        <img src="./img/T184E_BQWT1RXrhCrK.jpg" alt="">
                    </a>
                </div>
                <div class="promo">
                    <a href="#">
                        <img src="./img/T184E_BQWT1RXrhCrK.jpg" alt="">
                    </a>
                </div>

            </div>
        </div>
    </header>
    <!--  -->

    <div class="multi-use star">
        <div class="multi-use-wrapper star-wrapper">
            <h2>
                <span>大米明星单品</span>
                <div class="flag"><span>&lt;</span><span>&gt;</span></div>
            </h2>
            <div class="multi-use-box star-box ">
                <ul class="regul">
                    <li>
                        <a href="#">
                            <div class="goods-pic">
                                <img src="./img/pms_1585031954.54576337.jpg" alt="">
                            </div>
                            <div class="goods-info">
                                <h3 class="title">大米平板</h3>
                                <p class="desc">全球首款 NVIDIA Tegra K1 平板</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="goods-pic">
                                <img src="./img/pms_1585031954.54576337.jpg" alt="">
                            </div>
                            <div class="goods-info">
                                <h3 class="title">大米平板</h3>
                                <p class="desc">全球首款 NVIDIA Tegra K1 平板</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="goods-pic">
                                <img src="./img/pms_1585031954.54576337.jpg" alt="">
                            </div>
                            <div class="goods-info">
                                <h3 class="title">大米平板</h3>
                                <p class="desc">全球首款 NVIDIA Tegra K1 平板</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="goods-pic">
                                <img src="./img/pms_1585031954.54576337.jpg" alt="">
                            </div>
                            <div class="goods-info">
                                <h3 class="title">大米平板</h3>
                                <p class="desc">全球首款 NVIDIA Tegra K1 平板</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="goods-pic">
                                <img src="./img/pms_1585031954.54576337.jpg" alt="">
                            </div>
                            <div class="goods-info">
                                <h3 class="title">大米平板</h3>
                                <p class="desc">全球首款 NVIDIA Tegra K1 平板</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <main>

        <div class="multi-use">
            <div class="multi-use-wrapper smart-home-wrapper">
                <h2>
                    智能硬件
                </h2>
                <div class="multi-use-box">
                    <ul class="smart-home-promo promo">
                        <li>
                            <a href="#">
                                <img src="./img/T1IhLjBC_T1RXrhCrK.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                    <ul class="regul">
                        <li>
                            <a href="#">
                                <div class="goods-pic">
                                    <img src="./img/T1JKxvBXhv1RXrhCrK.jpg" alt="">
                                </div>
                                <div class="goods-info">
                                    <h3 class="title">大米随身WIFI 8GB U盘版</h3>
                                    <p class="desc">随身上网神器，内置8GB U盘</p>
                                    <p class="price"><span>49.9元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="goods-pic">
                                    <img src="./img/T1JKxvBXhv1RXrhCrK.jpg" alt="">
                                </div>
                                <div class="goods-info">
                                    <h3 class="title">大米随身WIFI 8GB U盘版</h3>
                                    <p class="desc">随身上网神器，内置8GB U盘</p>
                                    <p class="price"><span>49.9元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="goods-pic">
                                    <img src="./img/T1JKxvBXhv1RXrhCrK.jpg" alt="">
                                </div>
                                <div class="goods-info">
                                    <h3 class="title">大米随身WIFI 8GB U盘版</h3>
                                    <p class="desc">随身上网神器，内置8GB U盘</p>
                                    <p class="price"><span>49.9元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="goods-pic">
                                    <img src="./img/T1JKxvBXhv1RXrhCrK.jpg" alt="">
                                </div>
                                <div class="goods-info">
                                    <h3 class="title">大米随身WIFI 8GB U盘版</h3>
                                    <p class="desc">随身上网神器，内置8GB U盘</p>
                                    <p class="price"><span>49.9元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="goods-pic">
                                    <img src="./img/T1JKxvBXhv1RXrhCrK.jpg" alt="">
                                </div>
                                <div class="goods-info">
                                    <h3 class="title">大米随身WIFI 8GB U盘版</h3>
                                    <p class="desc">随身上网神器，内置8GB U盘</p>
                                    <p class="price"><span>49.9元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="goods-pic">
                                    <img src="./img/T1JKxvBXhv1RXrhCrK.jpg" alt="">
                                </div>
                                <div class="goods-info">
                                    <h3 class="title">大米随身WIFI 8GB U盘版</h3>
                                    <p class="desc">随身上网神器，内置8GB U盘</p>
                                    <p class="price"><span>49.9元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="goods-pic">
                                    <img src="./img/T1JKxvBXhv1RXrhCrK.jpg" alt="">
                                </div>
                                <div class="goods-info">
                                    <h3 class="title">大米随身WIFI 8GB U盘版</h3>
                                    <p class="desc">随身上网神器，内置8GB U盘</p>
                                    <p class="price"><span>49.9元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="goods-pic">
                                    <img src="./img/T1JKxvBXhv1RXrhCrK.jpg" alt="">
                                </div>
                                <div class="goods-info">
                                    <h3 class="title">大米随身WIFI 8GB U盘版</h3>
                                    <p class="desc">随身上网神器，内置8GB U盘</p>
                                    <p class="price"><span>49.9元</p>
                                </div>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="foot-wrapper">
            <p class="service">
                1小时快修服务<span>|</span>7天无理由退货<span>|</span>15天免费换货<span>|</span>满150元包邮<span>|</span>520余家售后网点
            </p>
            <div class="help-nav-wrapper">
                <div class="help-nav">
                    <ul>
                        <li class="title">帮助中心</li>
                        <li>服务</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                    </ul>
                    <ul>
                        <li class="title">帮助中心</li>
                        <li>服务支持</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                    </ul>
                    <ul>
                        <li class="title">帮助中心</li>
                        <li>服务支持</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                    </ul>
                    <ul>
                        <li class="title">帮助中心</li>
                        <li>服务支持</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                    </ul>

                </div>
                <div class="tel-info">
                    <p class="tel-num">
                        400-100-5678
                    </p>
                    <p class="tel-time">周一至周日 8:00-18:00 （仅收市话费）</p>
                    <div class="online">
                        24小时在线客服
                    </div>
                </div>
            </div>
        </div>

    </footer>
    <div class="bottom">`
        <div class="bottom-wrapper">
            <p class="bottom-text">
                <img src="./img/mi-logo.png" alt="">
                大米网|MIUI|米聊|多看书城|大米路由器|大米后院|大米天猫店|大米淘宝直营店|大米网盟|问题反馈|Select Region 5555555号</p>
        </div>
    </div>
</body>

</html>